import { svgIcon } from "../icon-service";

export const CreditCardIcon = svgIcon`
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0.98 15.86 95.04 65.76">
    <path class="tw-fill-illustration-bg-secondary" d="M.98 21.62a5.76 5.76 0 0 1 5.76-5.76h57.6a5.76 5.76 0 0 1 5.76 5.76v33.6a5.76 5.76 0 0 1-5.76 5.76H6.74a5.76 5.76 0 0 1-5.76-5.76v-33.6Z"/>
    <path class="tw-fill-illustration-outline" fill-rule="evenodd" d="M64.34 17.78H6.74a3.84 3.84 0 0 0-3.84 3.84v33.6a3.84 3.84 0 0 0 3.84 3.84h57.6a3.84 3.84 0 0 0 3.84-3.84v-33.6a3.84 3.84 0 0 0-3.84-3.84Zm-57.6-1.92a5.76 5.76 0 0 0-5.76 5.76v33.6a5.76 5.76 0 0 0 5.76 5.76h57.6a5.76 5.76 0 0 0 5.76-5.76v-33.6a5.76 5.76 0 0 0-5.76-5.76H6.74Z" clip-rule="evenodd"/>
    <path class="tw-fill-illustration-bg-primary" d="M2.9 26.9h65.28v5.28H2.9V26.9ZM7.22 51.773c0-.747.606-1.353 1.353-1.353h8.117a1.353 1.353 0 0 1 0 2.705H8.573a1.353 1.353 0 0 1-1.352-1.352ZM22.1 51.773c0-.747.605-1.353 1.352-1.353h12.175a1.353 1.353 0 0 1 0 2.705H23.452a1.353 1.353 0 0 1-1.352-1.352Z"/>
    <path class="tw-fill-illustration-bg-primary" d="M26.9 42.26a5.76 5.76 0 0 1 5.76-5.76h57.6a5.76 5.76 0 0 1 5.76 5.76v33.6a5.76 5.76 0 0 1-5.76 5.76h-57.6a5.76 5.76 0 0 1-5.76-5.76v-33.6Z"/>
    <path class="tw-fill-illustration-outline" fill-rule="evenodd" d="M90.26 38.42h-57.6a3.84 3.84 0 0 0-3.84 3.84v33.6a3.84 3.84 0 0 0 3.84 3.84h57.6a3.84 3.84 0 0 0 3.84-3.84v-33.6a3.84 3.84 0 0 0-3.84-3.84Zm-57.6-1.92a5.76 5.76 0 0 0-5.76 5.76v33.6a5.76 5.76 0 0 0 5.76 5.76h57.6a5.76 5.76 0 0 0 5.76-5.76v-33.6a5.76 5.76 0 0 0-5.76-5.76h-57.6Z" clip-rule="evenodd"/>
    <path class="tw-fill-illustration-bg-tertiary" d="M73.502 43.666c0-1.06.86-1.92 1.92-1.92h13.44c1.06 0 1.92.86 1.92 1.92v4.03c0 1.06-.86 1.92-1.92 1.92h-13.44a1.92 1.92 0 0 1-1.92-1.92v-4.03Z"/>
    <path class="tw-fill-illustration-outline" fill-rule="evenodd" d="M88.862 43.666h-13.44v4.03h13.44v-4.03Zm-13.44-1.92c-1.06 0-1.92.86-1.92 1.92v4.03c0 1.06.86 1.92 1.92 1.92h13.44c1.06 0 1.92-.86 1.92-1.92v-4.03c0-1.06-.86-1.92-1.92-1.92h-13.44Z" clip-rule="evenodd"/>
    <path class="tw-fill-illustration-tertiary" d="M33.178 51.536c0-1.06.86-1.92 1.92-1.92h8.727c1.06 0 1.92.86 1.92 1.92v8.752c0 1.06-.86 1.92-1.92 1.92h-8.727a1.92 1.92 0 0 1-1.92-1.92v-8.752Z"/>
    <path class="tw-fill-illustration-outline" fill-rule="evenodd" d="M43.825 51.536h-8.727v8.752h8.727v-8.752Zm-8.727-1.92c-1.06 0-1.92.86-1.92 1.92v8.752c0 1.06.86 1.92 1.92 1.92h8.727c1.06 0 1.92-.86 1.92-1.92v-8.752c0-1.06-.86-1.92-1.92-1.92h-8.727ZM33.178 73.967c0-.53.43-.96.96-.96h25.286a.96.96 0 1 1 0 1.92H34.138a.96.96 0 0 1-.96-.96ZM33.178 66.828c0-.53.43-.96.96-.96h5.853a.96.96 0 1 1 0 1.92h-5.853a.96.96 0 0 1-.96-.96ZM42.895 66.828c0-.53.43-.96.96-.96h5.853a.96.96 0 1 1 0 1.92h-5.853a.96.96 0 0 1-.96-.96ZM53.262 66.828c0-.53.43-.96.96-.96h5.853a.96.96 0 1 1 0 1.92h-5.853a.96.96 0 0 1-.96-.96ZM62.978 66.828c0-.53.43-.96.96-.96h5.854a.96.96 0 1 1 0 1.92h-5.854a.96.96 0 0 1-.96-.96Z" clip-rule="evenodd"/>
  </svg>
`;
